﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    font-family: 微软雅黑,sans-serif;
    font-size: 12px;
    line-height: 100%;
    margin: 0;
    padding: 0;
}
body{ background:#2e363f;}
ul, ol {    list-style: none outside none;}
.ft14{ font-size:14px;}
.center{ text-align:center;}
.clear{height:0px; clear:both; font-size:0px;}
.fl{ float:left;}
div.leadercomment{ background:#fffd73; border:#FF8E00 1px solid; padding:10px; float:none;}


.querybar{ padding:5px;border-bottom: 1px solid #B8D0D6; background:#f3f3f3}
.querytable td{ height:25px; line-height:25px;}
.querytable .queryitem{ margin-right:25px;line-height:25px;}
.querytable .queryitem .querytitle{ display:inline-block; line-height:25px; width:80px}
.querytable .queryitem input,
.querytable .queryitem textarea,
.querytable .queryitem select
{
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    padding: 2px;
    background-color: #FFFFFF;
    border-color: #A2BAC0 #B8D0D6 #B8D0D6 #A2BAC0;}
    
.simplebutton
{
    background: url("images/button/button_s.png") no-repeat scroll 0 -0 transparent; 
    display: block;
    float: left;
    height: 25px;
    overflow: hidden;
    padding-left: 5px;}
.simplebutton .r
{
    background: url("images/button/button_s.png") no-repeat scroll 100% -50px transparent; 
    display: block;
    float: left;
    height: 25px;
    overflow: hidden;
    padding: 0 5px 0 0;}
.simplebutton button,.simplebutton input,.simplebutton .button
{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    margin: 0;
    padding: 0;
    width: auto;
}    
.simplebutton:hover{    background-position: 0 -100px; }
.simplebutton:hover .r{    background-position:100% -150px; }
.querybuttonbar .simplebutton{ float:right;}


.panelBar {
    border-bottom: 1px solid #B8D0D6;
    display: block;
    height: 25px;
    overflow: hidden;
    background: url("images/grid/grid.png") #EFEFEF repeat-x scroll 0 0;
}

.panelBar li {
    display: block;
    float: left;
    height: 23px;
    overflow: hidden;
    padding: 0 0 0 5px;
    margin:1px 3px 1px 0;
}
.panelBar .toolBar li:hover {
    background: url("images/grid/grid.png") repeat-x scroll 0 -100px transparent;
}
.panelBar .toolBar a{
    display: block;
    float: left;
    overflow: hidden;
    padding: 0 5px 0 0;
    text-decoration: none;
}
.panelBar .toolBar li:hover a
{
    background: url("images/grid/grid.png") repeat-x scroll 100% -150px transparent;    
}
.panelBar .toolBar span, .panelBar .toolBar li.hover span {
    cursor: pointer;
    display: block;
    float: left;
    height: 23px;
    line-height: 25px;
    overflow: hidden;
    padding: 0 0 0 25px;
    width:auto;
}

.panelBar .toolBar li.line {
    display: block;
    overflow: hidden;
    padding: 0;
    text-indent: -1000px;
    width: 12px;
    background: url("images/grid/grid.png") repeat-x scroll 5px -200px transparent;   
}



.plusitem .toolBar li:hover {
    background: url("images/grid/grid.png") repeat-x scroll 0 -100px transparent;
}
.plusitem .toolBar a{
    display: block;
    float: left;
    overflow: hidden;
    padding: 0 5px 0 0;
    text-decoration: none;
}
.plusitem .toolBar li:hover a
{
    background: url("images/grid/grid.png") repeat-x scroll 100% -150px transparent;    
}
.plusitem .toolBar span, .plusitem .toolBar li.hover span {
    cursor: pointer;
    display: block;
    float: left;
    height: 23px;
    line-height: 25px;
    overflow: hidden;
    padding: 0 0 0 25px;
    width:auto;
}

.plusitem .toolBar li.line {
    display: block;
    overflow: hidden;
    padding: 0;
    text-indent: -1000px;
    width: 12px;
    background: url("images/grid/grid.png") repeat-x scroll 5px -200px transparent;   
}



.listpage
{
    height: 100%;
    overflow: hidden;
    position: relative;
}
/* table */
.table
{
    z-index:1;
}
.table thead tr
{    
    height:25px;
}
.table thead tr th
{
     border-style: solid;
    border-width: 0 1px 1px 0;
    cursor: default;
    line-height: 21px;
    padding: 0 3px;
    vertical-align: middle;
    white-space: nowrap;
    border-color: #C1C8D2;
    background:#F2F4F6;
}
.table tbody tr td {
    border-bottom: 1px solid #EDEDED;
    border-right: 1px solid #EDEDED;
    line-height: 21px;
    overflow: hidden;
    padding: 0 3px;
    vertical-align: middle;
    border-color: #EDEDED;
}
.pageContent
{
    overflow:auto;
}
.pager
{
    bottom: 0;
    height: 25px;
    line-height:25px;
    position: absolute;
    width: 100%;
    background: url("images/grid/grid.png") repeat-x scroll 0 0  #EFEFEF;
    border-color: #B8D0D6;
    border-style: solid;
    border-width: 1px 0;
    display: block;
    overflow: hidden;
}
.pager .pagerinfo
{
    height:25px;
    line-height:25px;
    vertical-align:middle;
    float:left;
}
.pager .pagerbutton
{
    height:25px;
    line-height:25px;
    vertical-align:middle;
    padding-left: 7px;
    padding-right:10px;
    background: url("images/grid/grid.png") no-repeat scroll 0 -199px transparent;
    float:right;
}

.pager .pagerbutton li.disabled {
    background: none repeat scroll 0 0 transparent;
}
.pager .pagerbutton li, .pager .pagerbutton li.hover {
    background-position: 0 -100px;
    padding: 0 0 0 5px;
}
.pager .pagerbutton li {
    display: block;
    float: left;
    height: 25px;
    line-height:25px;
    overflow: hidden;
    vertical-align:middle;
    padding: 0 0 0 5px;
}
.pager .pagerbutton .selected a
{
     color:Red;
}

.pager .pagerbutton a, .pager .pagerbutton li.hover a,.pager .pagerbutton li span {
    background-position: 100% -150px;
    display: block;
    float: left;
    line-height: 25px;
    padding: 0 5px 0 0;
    text-decoration: none;
    vertical-align:middle;
}


.pager .pagerbutton li.jumpto .textInput {
    border-color: #ACAEAF;
    width: 30px;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 15px;
    height:17px;
    padding:0;
    vertical-align:middle;
}

.pager .pagerbutton li.jumpto .goto {
    background: url("images/grid/grid.png") no-repeat scroll 0 -650px transparent;

    border: 0 none;
    cursor: pointer;
    height: 19px;
    overflow: hidden;
    text-indent: -1000px;
    width: 16px;
    vertical-align:middle;
}


.pageFormContent .textInput {
    border-color: #ACAEAF;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 15px;
    height:17px;
    padding:2px 3px;
    vertical-align:middle;
}
.pageFormContent .textArea {
    border-color: #ACAEAF;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    line-height: 15px;
    padding:2px 3px;
    vertical-align:middle;
}
.pageFormContent td
{
    height:30px;
}

.standardheight{ height:40px; line-height:41px; display:block; font-family: 微软雅黑; font-size: 13px; color: #FFFFFF}
.riconcontainer{padding-right:25px;}
.liconcontainer{padding-left:25px;}

.glowline{height:35px;background: url("images/accordion/accordion3.png") #EAF4FF repeat-x scroll 0 0;}
.glowline1{height:40px;border-bottom: 1px solid #1F262D; border-top: 1px solid #37414B;}

.mask{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000000; opacity:0.5;filter: Alpha(opacity=50);}

.icon{ display:inline-block;*zoom:1; height:25px; width:25px; background: url("images/icon.png") no-repeat transparent}
.icon.folder{background-position:0 -70px; background:none;}
.icon.add{background-position:0 0;}
.icon.delete{background-position:0 -25px;}
.icon.edit{background-position:0 -50px;}
.icon.up{background-position:0 -150px;}
.icon.down{background-position:0 -175px;}
/* accordion */
.accordion .header .collapsable{margin:0; background:url("images/accordion/accordion.png") scroll 100% -46px no-repeat; cursor:pointer;line-height:40px; height:40px;}
.accordion .header .collapsable:hover{/* background-position: 100% -70px;*/}
.accordion .content{ margin:0; padding:0; overflow:hidden; overflow-y:auto; background:#ff353456}
.accordionexpand .header .collapsable{   background-position: 100% -92px; }
.accordionexpand .header .collapsable:hover{  /* background-position: 100% -121px;*/ }
.accordionexpand .content{ background:#e7ebee; color:#ffffff}

/* tabpanel */
.tabpanel .content{background:#fff;overflow:auto}
.tabpanel .header{background: none repeat scroll 0 0 #fff;}
.tabpanel .header .nav{ height:38px; float:left; position:relative; overflow:hidden; background: #eee}
.tabpanel .header .nav ul{ position:absolute; height:38px;}
.tabpanel .header .nav ul li{background: url("images/tab-2.gif") repeat-x  transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 31px;
    margin: 7px 2px 0;
    position: relative;}
.tabpanel .header .nav ul li.selected,.tabpanel .header .nav ul li.selected:hover
{
    background: #;
    }
.tabpanel .header .nav ul li:hover{
    background: url("images/tab-5.gif") repeat-x  transparent;}
.tabpanel .header .nav ul li a 
{
    background: #ddd;
    
    display: block;
    float: left;
    height: 31px;
    line-height: 31px;
    overflow: hidden;
    color: #183152;
    padding-left: 5px;
     text-decoration:none; }
.tabpanel .header .nav ul li.selected a,.tabpanel .header .nav ul li.selected:hover a 
{
    text-decoration:none; 
    
    background: #3db0e1;
    }
.tabpanel .header .nav ul li:hover a{
   background: #3db0e1;
    color:#fff;
   }
.tabpanel .header .nav ul li a span
{
    cursor: pointer;
    display: block;
    float: left;
    height: 29px;
    line-height: 29px;
    overflow: hidden;
    padding: 2px 20px 0 3px;
    }
.tabpanel .header .nav ul li:hover a span{
    background: #3db0e1
}
.tabpanel .header .nav ul li.selected a span{
    background: #3db0e1;
    color:#FFFFFF
}
.tabpanel .header .nav ul li .close,
.tabpanel .header .nav ul li.selected  .close,
.tabpanel .header .nav ul li:hover .close,
.tabpanel .header .nav ul li.selected:hover  .close{background: url("images/close-1.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 11px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 5px;
    text-indent: -1000px;
    top: 10px;
    width: 11px;}
.tabpanel .header .nav ul li.selected  .close,
.tabpanel .header .nav ul li:hover .close,
.tabpanel .header .nav ul li.selected:hover  .close{background: url("images/close-2.gif") no-repeat scroll 0 0 transparent;}

.tabpanel .header .left{background: url("images/tabs/tabscontrol.png") no-repeat scroll 0 1px transparent; height:25px; float:left; cursor:pointer;}
.tabpanel .header .right{background: url("images/tabs/tabscontrol.png") no-repeat scroll 0 -149px transparent;height:25px; float:left; cursor:pointer;}
.tabpanel .header .left:hover{background-position:0 -49px;}
.tabpanel .header .right:hover{background-position:0 -199px;}


/* Tree */
.tree li { clear:both; display:block; line-height:22px; cursor:pointer;}
.tree div, .tree a, .tree span { display:inherit; height:25px; line-height:25px;}
.tree div { display:block; overflow:hidden;}
.tree div div { float:left; display:block; overflow:hidden; width:22px; height:22px; border:none; background-position:0 -100px;}
.tree a, .tree a:hover { text-decoration:none;}

.tree .collapsable { background-position:0 -300px;}
.tree .first_collapsable { background-position:0 -250px;}
.tree .last_collapsable { background-position:0 -350px;}

.tree .expandable { background-position:0 -100px;}

.tree .first_expandable { background-position:0 -50px;}
.tree .last_expandable { background-position:0 -150px;}
.tree .end_expandable { background-position:0 0;}
.tree .end_collapsable { background-position:0 -200px;}

.tree .indent { background:none;}
.tree .line { background-position:0 -400px;}
.tree .node { background-position:0 -450px;}
.tree .last .node { background-position:0 -500px;}

.tree .folder_expandable { background-position:0 0;}
.tree .folder_collapsable { background-position:0 -50px;}
.tree .file { background-position:0 -100px;}

.tree .unchecked { background-position:0 0;}
.tree .hover .unchecked { background-position:0 -50px;}
.tree .checked { background-position:0 -100px;}
.tree .hover .checked { background-position:0 -150px;}
.tree .indeterminate { background-position:0 -200px;}
.tree .hover .indeterminate { background-position:0 -250px;}

.tree div div { background-image:url(images/tree/tree.png);}
.tree .folder_collapsable, .tree .folder_expandable, .tree .file { background-image:url(images/tree/folder.png);}
.tree .checked, .tree .unchecked, .tree .indeterminate { background-image:url(images/tree/check.png);}

.tree li a, .tree li span { color:#535353;}
.tree .hover { background:#fdc883;}
.tree .selected { background-color:#f29a33;}

/* resizable */

.resizeable .rtl, .resizable .rtr, .resizable .rbl,
.resizeable .rbr, .resizable .rt,
.resizeable .rb, .resizable .rl, .resizable .rr { display:block; overflow:hidden;}
.resizeable .rtl {width:6px; height:6px;  cursor:nw-resize; top:0; left:0; z-index:2;position:absolute;}
.resizeable .rtr {width:6px; height:6px;  cursor:ne-resize; top:0; right:0; z-index:2;position:absolute;}
.resizeable .rt { width:100%; height:6px; cursor:n-resize; top:0; left:0; z-index:1;position:absolute;}
.resizeable .rl { cursor:w-resize; top:0; left:0; z-index:1;width:6px; height:100%;position:absolute;}
.resizeable .rr { cursor:e-resize; top:0; right:0; z-index:1; width:6px;  height:100%;position:absolute;}
.resizeable .rbl {width:6px; height:6px;  cursor:sw-resize; bottom:0; left:0; z-index:2;position:absolute;}
.resizeable .rbr {width:6px; height:6px;  cursor:se-resize; bottom:0; right:0; z-index:2;position:absolute;}
.resizeable .rb { width:100%;height:6px;  cursor:s-resize; bottom:0; left:0; z-index:1;position:absolute;}
.resizehelper{  position: absolute; left:0; top:0; border:1px dashed #B8D0D6}

/* dialog */

.dialog .header {
    cursor: move;
    padding-left: 5px;
    position: relative;
    display: block;
    height: 28px;
    overflow: hidden;
    background: url("images/dialog/dialogpanel.png") no-repeat scroll 0 0 transparent;
}

.dialog  .header .dhr {
    background: url("images/dialog/dialogpanel.png") no-repeat scroll 100% -50px transparent;
    padding-right: 5px;
    display: block;
    height: 28px;
    overflow: hidden;
}


.dialog  .header .dhc {
    background: url("images/dialog/dialogpanel.png") repeat-x scroll 0 -100px transparent;
    padding: 0;
    display: block;
    height: 28px;
    overflow: hidden;
}

.dialog .header .close, 
.dialog .header .maximize, 
.dialog .header .restore, 
.dialog .header .minimize
{
    background: url("images/dialog/dialogpanel_icon.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 19px;
    overflow: hidden;
    position: absolute;
    text-indent: -1000px;
    top: 5px;
    width: 19px;
}

.dialog .header .close {    background-position: 0 0;    right: 4px;}
.dialog .header .close:hover {    background-position: 0 -50px;    right: 4px;}
.dialog .header .maximize {    background-position: 0 -100px;    right: 23px;}
.dialog .header .maximize:hover {    background-position: 0 -150px;}
.dialog .header .restore {    background-position: 0 -200px;    display: none;    right: 23px;}
.dialog .header .restore:hover{ background-position: 0 -250px; }
.dialog .header .minimize {    background-position: 0 -300px;    right: 42px;}
.dialog .header .minimize:hover{background-position: 0 -350px;}
.dialog .header h1 
{
    background: url("images/dialog/dialogpanel_icon.png") no-repeat scroll 0 -450px transparent;
    display: block;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding: 0 5px 0 20px;
}

.dialog .content {
    border-style: solid;
    border-width: 0 1px;
    display: block;
    overflow: hidden;
    padding: 5px 5px 1px;
    background: none repeat scroll 0 0 #EEF4F5;
    border-color: #B8D0D6;
}
.dialog .contentwarp{ height:100%;}
.dialog .contentwarp form{width:100%; height:100%;}
.dialog .footer {
    padding-left: 5px;
    background: url("images/dialog/dialogpanel.png") no-repeat scroll  0 -150px transparent;
}

.dialog .footer .dfr {
    background: url("images/dialog/dialogpanel.png") no-repeat scroll  100% -200px transparent;
    padding-right: 5px;
}

.dialog .footer .dfc {
    background: url("images/dialog/dialogpanel.png") repeat-x scroll 0 -250px transparent;
    padding: 0;
    display: block;
    height: 5px;
    overflow: hidden;
}

/*  alert  */
.alert {
    display: block;
    left: 50%;
    margin-left: -150px;
    overflow: hidden;
    position: absolute;
    top: -500px;
    width: 300px;
}


.alert .alertcontent {
    border-style: solid;
    border-width: 0 1px;
    display: block;
    overflow: hidden;
    padding: 5px 5px 1px;
    background: none repeat scroll 0 0 #EEF4F5;
    border-color: #B8D0D6;
}

.alert .alertinner {
    border-style: solid;
    border-width: 1px;
    display: block;
    padding: 0 9px 9px;
    text-align: left;
}

.alert h1 {
    border-style: solid;
    border-width: 0 0 1px;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 0 0 25px;
    background: url("images/alert/alertpanel_icon.png") no-repeat scroll 0 0 transparent;
    border-color: #CCCCCC;
}

.alert .alertinner .msg {
    line-height: 1.3em;
    margin: 10px;
    max-height: 200px;
    overflow: auto;
}

.alert .toolbar {
    display: block;
    height: 25px;
    overflow: hidden;
    padding-top: 5px;
    text-align: right;
}
.alert .toolbar ul {
    float: right;
}
.alert .toolbar li {
    float: left;
}
.alert .alertfooter, .alert .alertfooter_r, .alert .alertfooter_c {
    background: url("images/alert/alertpanel.png") no-repeat scroll 0 0 transparent;
}
.alert .alertfooter {
    background-position: 0 0;
    padding-left: 5px;
}
.alert .alertfooter_r {
    background-position: 100% -50px;
    padding-right: 5px;
}

.alert .alertfooter_c {
    background-position: 0 -100px;
    background-repeat: repeat-x;
    padding: 0;
    display: block;
    height: 5px;
    overflow: hidden;
}



.alert .error .alertinner {    background: none repeat scroll 0 0 #FEFACF;    border-color: #E50000;}
.alert .error h1 {    background-position: 2px -42px;}

.alert .info .alertinner {    background: none repeat scroll 0 0 #FEFACF;    border-color: #B8D0D6;}
.alert .info h1 {    background-position: 2px 8px;}

.alert .warn .alertinner {    background: none repeat scroll 0 0 #FEFACF;    border-color: #E83E09;}
.alert .warn h1 {    background-position: 2px 8px;}

/* progressbar */

.progressbar {
    display: block;
    font-weight: bold;
    height: 28px;
    left: 50%;
    line-height: 27px;
    margin-left: -74px;
    margin-top: -14px;
    padding: 10px 10px 10px 50px;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 148px;
    z-index: 2001;
    background: url("images/progressBar/progressBar_m.gif") no-repeat scroll 10px 10px #FFFFFF;
    border: 2px solid #86A5AD;
}



.formBar {
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 30px;
    padding: 5px 5px 0;
    background: url("images/pageHeader_bg.png") repeat-x scroll 0 0 #EBF0F5;
    border-color: #B8D0D6;
}
.formBar li
{
    margin:0 5px;
    float:right;
}

.pageFormContent {
    display: block;
    overflow: auto;
    padding: 10px 5px;
    position: relative;
}

.pageFormContent p {
    display: block;
    float: left;
    height: 21px;
    margin: 0;
    padding: 5px 0;
    position: relative;
    width: 50%;
}

.pageFormContent label {
    float: left;
    line-height: 21px;
    padding: 0 5px;
    width: 120px;
}


/* calendar */
#calendar{margin:0; width:208px; z-index:1001; position:absolute; display:block; border:1px solid #B3E4EB; display:none;}
#calendar *{margin:0; padding:0; font-size:12px; line-height:18px}
#calendar .main{margin:auto; padding:2px; text-align:center; background:#ffffff; zoom:1; position:relative;}
#calendar .head{background:#EDF8FF; border:1px solid #BEE9F0}
#calendar .head select{width:60px;}
#calendar .body{margin:2px 0; padding:2px; clear:both; overflow:hidden; border:1px solid #BEE9F0;position:relative;}
#calendar .foot{background:#EDF8FF; border:1px solid #BEE9F0; text-align:right;padding:1px}
#calendar .nodate .head, #calendar .nodate .body{display:none;}
#calendar dl{clear:both; margin:auto; overflow:hidden;}
#calendar dt, #calendar dd, #calendar span{width:26px; height:18px; display:block; float:left; overflow:hidden;zoom:1; border:1px solid #fff;}
#calendar dt{margin-top:4px;font-weight:bold;color:#666666;}
#calendar .days dd{cursor:pointer;}
#calendar .days dd.other{color:#6A6AFF}
#calendar .days dd.slt{ background:#B3E4EB; border:1px solid #66CCCC;}
#calendar .days dd:hover{ border:1px solid #66CCCC;}
#calendar .days dd.disabled {background:#ccc;}
#calendar .close{width:16px;height:16px; font-size:16px; display:block;cursor:pointer;border:1px solid #CCC;text-align:center; }
#calendar .clearBut, #calendar .okBut { background-color: #CFEBEE; border: 1px solid #38B1B9; color: #08575B; width: 40px; }
#calendar .time{border-collapse:collapse;float:left;background-color:#fff;display:none;}
#calendar .time td{border:1px solid #61CAD0; line-height:16px; vertical-align:center;}
#calendar .time .hh, #calendar .time .mm, #calendar .time .ss{width:18px; height:16px; border: none}
#calendar .time ul {list-style:none}
#calendar .time .up, #calendar .time .down {font-size:8px;height:8px;line-height:100%;border:1px solid #BEE9F0;cursor:pointer;}
#calendar .tm {text-align:center;}
#calendar .tm .hh, #calendar .tm .mm, #calendar .tm .ss{border:1px solid #A3C6C8;position:absolute;left:4px;bottom:34px;background-color:#ffffc0;width:120px;display:none;}
#calendar .hh .hh, #calendar .mm .mm, #calendar .ss .ss{display:block;}
#calendar .tm .hh li, #calendar .tm .mm li, #calendar .tm .ss li{display:block;float:left;cursor:pointer;width:20px;line-height:21px}
#calendar .tm .hh li:hover, #calendar .tm .mm li:hover, #calendar .tm .ss li:hover{ background:#B3E4EB;}









.tabs {
       background: url("images/tabs/tabspanel.png") repeat-x scroll 0 100% transparent;
}
.tabs .tabsHeader {
    display: block;
    height: 28px;
    overflow: hidden;
    padding-left: 5px;
    background: url("images/tabs/tabspanel.png") no-repeat scroll 0 0 transparent;
}

.tabs .tabsHeaderContent {
    background: url("images/tabs/tabspanel.png") no-repeat scroll 100% -50px transparent;
    display: block;
    height: 28px;
    overflow: hidden;
    padding-right: 5px;
}

.tabs .tabsHeader ul {
    display: block;
    height: 28px;
    background: url("images/tabs/tabspanel.png") repeat-x scroll 0 -100px transparent;
}

.tabs .tabsHeader li.selected {
    background-position: 0 -550px;
}
.tabs .tabsHeader li {
    cursor: pointer;
    display: block;
    float: left;
    height: 28px;
    margin-right: 2px;
    background: url("images/tabs/tabspanel.png") repeat-x scroll  0 -250px  transparent;
}


.tabs .tabsHeader li.selected a {
    background: url("images/tabs/tabspanel.png")  no-repeat scroll  0 -450px  transparent;
}
.tabs .tabsHeader li a {
    background: url("images/tabs/tabspanel.png") no-repeat scroll  0 -150px  transparent;
    display: block;
    float: left;
    height: 28px;
    padding-left: 5px;
}
.tabs .tabsHeader li a {
    color: #03408B;
}

.tabs .tabsHeader li.selected span {
    background: url("images/tabs/tabspanel.png") no-repeat scroll  100% -500px  transparent;
    font-weight: bold;
}
.tabs .tabsHeader li span {
    background: url("images/tabs/tabspanel.png") no-repeat scroll  100% -199.5px  transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 28px;
    line-height: 25px;
    overflow: hidden;
    padding: 2px 10px 0 5px;
}
.tabs .tabsHeader li span {
    color: #183152;
}
.tabs .tabsContent {
    border-style: solid;
    border-width: 0 1px;
    display: block;
    overflow: auto;
    padding: 5px 5px 1px;
}
.tabs .tabsContent {
    background: none repeat scroll 0 0 #EEF4F5;
    border-color: #B8D0D6;
}

.tabs .tabsFooter {
    background: url("images/tabs/tabspanel.png") no-repeat scroll  0 -600px  transparent;
    display: block;
    height: 5px;
    overflow: hidden;
}

.tabs .tabsFooterContent {
    background: url("images/tabs/tabspanel.png") no-repeat scroll 100% -650px  transparent;
    display: block;
    height: 5px;
    overflow: hidden;
}
.lightblue{ background: #cfebee}
.lightyellow{ background:#eee8aa }
.lightgreen{ background: #90ee90}
.grewtable td{ border: #c0c0c0 1px solid;border-collapse:collapse;padding-left: 5px;    }